import { BarChart } from "./BarChart";
import "./index.scss";
import { Card } from "antd";

const Home = () => {
  return (
    <div className="home">
      <div className="card">
        <Card>
          <BarChart
            className="bar-chart"
            xData={["Vue", "React", "Angular"]}
            sData={[2000, 5000, 1000]}
          />
        </Card>
      </div>
      <div className="card">
        <Card>
          <BarChart
            className="bar-chart"
            xData={["Vue", "React", "Angular"]}
            sData={[2000, 5000, 1000]}
          />
        </Card>
      </div>
      <div className="card">
        <Card>
          <BarChart
            className="bar-chart"
            xData={["Vue", "React", "Angular"]}
            sData={[2000, 5000, 1000]}
          />
        </Card>
      </div>
      <div className="card">
        <Card>
          <BarChart
            className="bar-chart"
            xData={["Vue", "React", "Angular"]}
            sData={[2000, 5000, 1000]}
          />
        </Card>
      </div>
    </div>
  );
};

export default Home;
